﻿@{
    ViewBag.Title = "Special Features";
}


<div class="col-lg-9 col-sm-9 right_part">
          <div class="additional-web-pages SpecialFeatures-Page personalization-page">
            
               @*Header not show in case of Android App. *@
             @if (Session[HomeCareLibrary.Constants.SessionConstants.MODE] == null || Session[HomeCareLibrary.Constants.SessionConstants.MODE] == HomeCareLibrary.Constants.ApplicationModeConstants.IPHONE_APP || Session[HomeCareLibrary.Constants.SessionConstants.MODE] == HomeCareLibrary.Constants.ApplicationModeConstants.IPAD_APP)
               {
              <div class="title clearfix">
              <h1>Special Features</h1>
              <div class="top-btn-per clearfix">
                <div id="back-button" class="back-button"><a href="javascript:void(0);"><img class="back-btn" alt="back-btn" src="@Url.Content("~/images/personalization-images/back-btn.png")"> 
                       
                        <div class="back-mob-btn"><span class="glyphicon glyphicon-chevron-left"></span> Back</div>
                        </a></div>
               <div class="ques-button"><a href="#">
                <img class="ques-bt" alt="ques-btn" src="@Url.Content("~/images/personalization-images/ques-btn.png")">
<img class="mobques-bt" alt="ques-btn" src="@Url.Content("~/images/personalization-images/mobques-btn.png")">
                </a></div>
              </div>
            </div>
             }  <input type="hidden" value="@Session[HomeCareLibrary.Constants.SessionConstants.MODE]" id="hdnSessionValue" />

               @{var androidContent = string.Empty;
                 if (Session[HomeCareLibrary.Constants.SessionConstants.MODE] == null || Session[HomeCareLibrary.Constants.SessionConstants.MODE] == HomeCareLibrary.Constants.ApplicationModeConstants.IPHONE_APP || Session[HomeCareLibrary.Constants.SessionConstants.MODE] == HomeCareLibrary.Constants.ApplicationModeConstants.IPAD_APP)
                 {
                     androidContent = "class= personalization-content";
                 }
                  else
                  {
                      androidContent = "";
                  }
                     }

            <div class="main-content">
              <div @androidContent>
                <div class="personalization-bg">
                  <div class="personalization-inn">
                  <div class="personalization-data SpecialFeatures-additional">
                  <div class="SpecialFeatures-top text-left">
                  <span>Tip of the Day</span>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua. </p>
                  
                  </div>
                  <div class="SpecialFeatures text-left">
                  <h3>September Reading</h3>
                  <div class="media_artical media_rc media">
                      
                      <a href="#" class="pull-left ui-link"><img class="media-object" src="http://www.test2.home-wizard.com/images/article-small-image/5-Reasons-Why-You-Should-NOT-Have-a-Home-Energy-Audit.jpg" alt=""></a>
                      <div class="media-body">
                        <h4 class="media-heading">Lorem ipsum dolor sit amet</h4>
                        <span class="media-data">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim 
                          veniam, ullamco laboris nisi.</span>
                        <span class="media-more"><a class="ui-link" href="#">more <small> &#9654;</small></a></span></div>
                    </div>
                    <div class="media_artical media_rc media">
                      
                      <a href="#" class="pull-left ui-link"><img class="media-object" src="http://www.test2.home-wizard.com/images/article-small-image/5-Reasons-Why-You-Should-NOT-Have-a-Home-Energy-Audit.jpg" alt=""></a>
                      <div class="media-body">
                        <h4 class="media-heading">Lorem ipsum dolor sit amet</h4>
                        <span class="media-data">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim 
                          veniam, ullamco laboris nisi.</span>
                        <span class="media-more"><a class="ui-link" href="#">more <small> &#9654;</small></a></span></div>
                    </div>
                    <div class="media_artical media_rc media">
                      
                      <a href="#" class="pull-left ui-link"><img class="media-object" src="http://www.test2.home-wizard.com/images/article-small-image/5-Reasons-Why-You-Should-NOT-Have-a-Home-Energy-Audit.jpg" alt=""></a>
                      <div class="media-body">
                        <h4 class="media-heading">Lorem ipsum dolor sit amet</h4>
                        <span class="media-data">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim 
                          veniam, ullamco laboris nisi.</span>
                        <span class="media-more"><a class="ui-link" href="#">more <small> &#9654;</small></a></span></div>
                    </div>
                  </div>
                  <div class="feature-video text-left">
                  <h4>Featured Video</h4>
                  <div class="feature-video-inn">
                  <div class="row">
                  <div class="col-md-4 col-sm-4 col-xs-4"><img class="img-responsive" src="@Url.Content("~/images/admin-images/feature-video.png")" alt="" /></div>
                  <div class="col-md-8 col-sm-8 col-xs-8">
                  <div class="feature-video-inn-right">
                  <h4>Bathroom Makeover Ideas</h4>
                  <p>5 types of makeover ideas for your bathroom.</p>

                       <br />
                       Session Ids with values:
                      @if (ViewBag.sessionIds != string.Empty)
                   {
                      @ViewBag.sessionIds
                   } <br />
                     
                   

                    <br />
                     <span style="margin-left:10px;">
                 Session:
                    @if (ViewBag.getSession != string.Empty)
                   {
                      @ViewBag.getSession
                   }
                      </span>

                  
                      
                       <br />  <br />

                       <span style="margin-left:10px;">
                   JSON:
                    @if (ViewBag.JsonString != string.Empty)
                   {
                      @ViewBag.JsonString
                   }</span>

                       <br /><br />
                         <span>
                  Request Content-Type:
                    @if (ViewBag.ContentType != string.Empty)
                   {
                      @ViewBag.ContentType
                   }
                      </span>

                      <br /><br />
                         <span>
                  Request URL:
                    @if (ViewBag.Url != string.Empty)
                   {
                      @ViewBag.Url
                   }
                      </span>

                      <br><br><br><br><br><br><br>
                  </div>
                  </div>
                  </div>
                  </div>
                  </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          </div>
@section script { 
  
    <script src="@Url.Content("~/js/iPhone/IPhoneExtras.js")"></script>
    
}
